<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/custom.css" />
    <script src="static/js/jQuery.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
      document.querySelector('.com-header').style.position = 'sticky';
    </script>
    <main class="custom">
      <section class="custom-s1">
        <div class="custom-s1-container w1400">
          <h1 class="custom-s1-title">Custom Screw Materials</h1>
          <p class="custom-s1-sub-title">
            We specialize in delivering durable, high-quality custom screws using industry-leading materials like C17200
            Copper, A286 Stainless Steel, and TC4 Titanium.
          </p>
          <div class="custom-s1-content">
            <h2 class="custom-s1-content-title">Our Special Materials:</h2>
            <p class="custom-s1-content-desc">
              We focus on high-quality products, offering private model customization and high-threshold certification.
              Explore our key product categories below:
            </p>
            <div class="custom-s1-content-list">
              <div class="custom-s1-content-item">
                <div class="custom-s1-item-tit">Titanium</div>
                <div class="custom-s1-item-desc">TC4</div>
                <div class="custom-s1-item-desc">TA2</div>
                <div class="custom-s1-item-desc">TA1</div>
                <div class="custom-s1-item-desc">...</div>
              </div>
              <div class="custom-s1-content-item">
                <div class="custom-s1-item-tit">Aluminum</div>
                <div class="custom-s1-item-desc">6061-T5</div>
                <div class="custom-s1-item-desc">6063-T5</div>
                <div class="custom-s1-item-desc">7075-T5</div>
                <div class="custom-s1-item-desc">...</div>
              </div>
              <div class="custom-s1-content-item">
                <div class="custom-s1-item-tit">Copper</div>
                <div class="custom-s1-item-desc">C17200</div>
                <div class="custom-s1-item-desc">841 Oil Bronze</div>
                <div class="custom-s1-item-desc">Nickel Bronze</div>
                <div class="custom-s1-item-desc">...</div>
              </div>
              <div class="custom-s1-content-item">
                <div class="custom-s1-item-tit">Stainless Steel</div>
                <div class="custom-s1-item-desc">A286</div>
                <div class="custom-s1-item-desc">420J2</div>
                <div class="custom-s1-item-desc">431</div>
                <div class="custom-s1-item-desc">440C</div>
                <div class="custom-s1-item-desc">430</div>
                <div class="custom-s1-item-desc">A2-80, A4-80</div>
                <div class="custom-s1-item-desc">...</div>
              </div>

              <div class="custom-s1-content-item">
                <div class="custom-s1-item-tit">Carbon Steel</div>
                <div class="custom-s1-item-desc">AISI 52100</div>
                <div class="custom-s1-item-desc">SCM435</div>
                <div class="custom-s1-item-desc">...</div>
              </div>
            </div>
            <a href="#" class="custom-s1-btn com-btn">Request Your Custom Quote</a>
          </div>
        </div>
      </section>
      <section class="custom-s2">
        <div class="completet-s1-top">
          <div class="w1400">
            <div class="completet-s1-tag-list">
              <a href="#" class="completet-s1-tag">Titanium</a>
              <a href="#" class="completet-s1-tag">Aluminum</a>
              <a href="#" class="completet-s1-tag">Copper</a>
              <a href="#" class="completet-s1-tag">Stainless Steel</a>
              <a href="#" class="completet-s1-tag">Carbon Steel</a>
            </div>
          </div>
        </div>
        <div class="custom-s2-container w1400">
          <div class="custom-s2-item">
            <div class="custom-s2-item-top">
              <div class="custom-s2-item-left">
                <div class="custom-s2-item-text">
                  <h3 class="custom-s2-item-tit">Titanium</h3>
                  <p class="custom-s2-item-desc">
                    Titanium has excellent anti-corrosion properties, is lightweight,<br class="com-br" />
                    and highly compatible with the human body,<br class="com-br" />
                    making it ideal for specialized applications.
                  </p>
                  <h3 class="custom-s2-item-tit">Material Types</h3>
                  <p class="custom-s2-item-desc">
                    Pure Titanium: GR1, GR2, TA1, TA2<br class="com-br" />
                    Alloy Titanium: TC4
                  </p>
                  <h3 class="custom-s2-item-tit">Customization Capabilities</h3>
                  <p class="custom-s2-item-desc">
                    Various appearance customizations and LOGO options.<br class="com-br" />
                    Customizable for precision, quantity, and surface treatment.
                  </p>
                </div>
              </div>
              <div class="custom-s2-item-right">
                <div class="custom-s2-item-img">
                  <img src="static/images/other/custom-s2-img1.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="custom-s2-item-bottom">
              <div class="custom-s2-swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc1.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc2.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc3.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="custom-s2-item">
            <div class="custom-s2-item-top">
              <div class="custom-s2-item-left">
                <div class="custom-s2-item-text">
                  <h3 class="custom-s2-item-tit">Aluminum</h3>
                  <p class="custom-s2-item-desc">
                    Aluminum is lightweight, corrosion-resistant, and highly versatile, <br class="com-br" />
                    making it ideal for various industries requiring <br class="com-br" />
                    strength without added weight.
                  </p>
                  <h3 class="custom-s2-item-tit">Material Types</h3>
                  <p class="custom-s2-item-desc">
                    1100, 5052, 6061, 6061-T5, 6063, 6063-T5, <br class="com-br" />
                    6082, 7075, 7075-T5, 7075-T6
                  </p>
                  <h3 class="custom-s2-item-tit">Production Capabilities</h3>
                  <p class="custom-s2-item-desc">
                    Cold heading and turning production available for both pure and alloy aluminum.<br class="com-br" />
                    Anodized color, sand blasting, and hard anodizing available for customized surface treatments.<br
                      class="com-br"
                    />
                    T5 and T6 heat treatments can enhance the hardness of the aluminum alloy screws.
                  </p>
                </div>
              </div>
              <div class="custom-s2-item-right">
                <div class="custom-s2-item-img">
                  <img src="static/images/other/custom-s2-img2.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="custom-s2-item-bottom">
              <div class="custom-s2-swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc1.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc2.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc3.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="custom-s2-item">
            <div class="custom-s2-item-top">
              <div class="custom-s2-item-left">
                <div class="custom-s2-item-text">
                  <h3 class="custom-s2-item-tit">Aluminum</h3>
                  <p class="custom-s2-item-desc">
                    Aluminum is lightweight, corrosion-resistant, and highly versatile, <br class="com-br" />
                    making it ideal for various industries requiring <br class="com-br" />
                    strength without added weight.
                  </p>
                  <h3 class="custom-s2-item-tit">Material Types</h3>
                  <p class="custom-s2-item-desc">
                    1100, 5052, 6061, 6061-T5, 6063, 6063-T5, <br class="com-br" />
                    6082, 7075, 7075-T5, 7075-T6
                  </p>
                  <h3 class="custom-s2-item-tit">Production Capabilities</h3>
                  <p class="custom-s2-item-desc">
                    Cold heading and turning production available for both pure and alloy aluminum.<br class="com-br" />
                    Anodized color, sand blasting, and hard anodizing available for customized surface treatments.<br
                      class="com-br"
                    />
                    T5 and T6 heat treatments can enhance the hardness of the aluminum alloy screws.
                  </p>
                </div>
              </div>
              <div class="custom-s2-item-right">
                <div class="custom-s2-item-img">
                  <img src="static/images/other/custom-s2-img3.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="custom-s2-item-bottom">
              <div class="custom-s2-swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc1.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc2.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc3.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="custom-s2-item">
            <div class="custom-s2-item-top">
              <div class="custom-s2-item-left">
                <div class="custom-s2-item-text">
                  <h3 class="custom-s2-item-tit">Aluminum</h3>
                  <p class="custom-s2-item-desc">
                    Aluminum is lightweight, corrosion-resistant, and highly versatile, <br class="com-br" />
                    making it ideal for various industries requiring <br class="com-br" />
                    strength without added weight.
                  </p>
                  <h3 class="custom-s2-item-tit">Material Types</h3>
                  <p class="custom-s2-item-desc">
                    1100, 5052, 6061, 6061-T5, 6063, 6063-T5, <br class="com-br" />
                    6082, 7075, 7075-T5, 7075-T6
                  </p>
                  <h3 class="custom-s2-item-tit">Production Capabilities</h3>
                  <p class="custom-s2-item-desc">
                    Cold heading and turning production available for both pure and alloy aluminum.<br class="com-br" />
                    Anodized color, sand blasting, and hard anodizing available for customized surface treatments.<br
                      class="com-br"
                    />
                    T5 and T6 heat treatments can enhance the hardness of the aluminum alloy screws.
                  </p>
                </div>
              </div>
              <div class="custom-s2-item-right">
                <div class="custom-s2-item-img">
                  <img src="static/images/other/custom-s2-img4.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="custom-s2-item-bottom">
              <div class="custom-s2-swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc1.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc2.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc3.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="custom-s2-item">
            <div class="custom-s2-item-top">
              <div class="custom-s2-item-left">
                <div class="custom-s2-item-text">
                  <h3 class="custom-s2-item-tit">Aluminum</h3>
                  <p class="custom-s2-item-desc">
                    Aluminum is lightweight, corrosion-resistant, and highly versatile, <br class="com-br" />
                    making it ideal for various industries requiring <br class="com-br" />
                    strength without added weight.
                  </p>
                  <h3 class="custom-s2-item-tit">Material Types</h3>
                  <p class="custom-s2-item-desc">
                    1100, 5052, 6061, 6061-T5, 6063, 6063-T5, <br class="com-br" />
                    6082, 7075, 7075-T5, 7075-T6
                  </p>
                  <h3 class="custom-s2-item-tit">Production Capabilities</h3>
                  <p class="custom-s2-item-desc">
                    Cold heading and turning production available for both pure and alloy aluminum.<br class="com-br" />
                    Anodized color, sand blasting, and hard anodizing available for customized surface treatments.<br
                      class="com-br"
                    />
                    T5 and T6 heat treatments can enhance the hardness of the aluminum alloy screws.
                  </p>
                </div>
              </div>
              <div class="custom-s2-item-right">
                <div class="custom-s2-item-img">
                  <img src="static/images/other/custom-s2-img5.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="custom-s2-item-bottom">
              <div class="custom-s2-swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc1.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc2.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc3.png" alt="ctmon" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="custom-s2-slide-img">
                      <img src="static/images/other/custom-s2-imgc4.png" alt="ctmon" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="index-s4">
        <h2 class="index-s4-title">Get a Tailored Solution Just for You</h2>
        <div class="index-s4-container">
          <div class="indes-s4-gsap">
            <div class="index-s4-content">
              <div class="index-s4-item">
                <div class="index-s4-num">01</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon1.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Consultation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">02</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon2.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Requirement Confirmation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">03</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon3.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quotation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">04</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon4.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Advance Paymen</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">05</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon5.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Production Begins</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">06</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">07</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">08</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">09</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
            </div>
          </div>
        </div>
        <div class="index-s4-bottom w1400">
          <h4 class="index-s4-bottom-title">FRIENDLY REMINDER :</h4>
          <p class="index-s4-bottom-desc">
            Before reaching out, make sure to gather any important details like dimensions, requirements, or design
            drawings. It’ll help us get things moving faster and ensure we create exactly what you have in mind. The
            more info, the better!
          </p>
          <a class="com-btn index-s4-btn">Start Your Custom Project Now!</a>
        </div>
      </section>
      <section class="faq-s1">
        <div class="faq-s1-container w1400">
          <h1 class="faq-s1-title">FAQs</h1>
          <div class="faq-s1-content">
            <div class="faq-s1-item active">
              <div class="faq-s1-item-title">Q: What is your minimum order quantity?</div>
              <div class="faq-s1-item-content">
                <p class="faq-s1-item-desc">
                  A: We proudly hold ISO9001:2015 certification and offer SGS testing reports for peace of mind.
                </p>
              </div>
            </div>
            <div class="faq-s1-item">
              <div class="faq-s1-item-title">Q: How do I customize my screws?</div>
              <div class="faq-s1-item-content">
                <p class="faq-s1-item-desc">
                  A: We proudly hold ISO9001:2015 certification and offer SGS testing reports for peace of mind.
                </p>
              </div>
            </div>
            <div class="faq-s1-item">
              <div class="faq-s1-item-title">Q: What certifications do you have?</div>
              <div class="faq-s1-item-content">
                <p class="faq-s1-item-desc">
                  A: We proudly hold ISO9001:2015 certification and offer SGS testing reports for peace of mind.
                </p>
              </div>
            </div>
            <div class="faq-s1-item">
              <div class="faq-s1-item-title">Q: How fast can I expect delivery?</div>
              <div class="faq-s1-item-content">
                <p class="faq-s1-item-desc">
                  A: We proudly hold ISO9001:2015 certification and offer SGS testing reports for peace of mind.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="footer-form">
        <script>
          $(function () {
            $('.footer-form').load('component/footer-form.html'); //加载底部表单
          });
        </script>
      </section>
    </main>
    <div class="seek-box">
      <script>
        $(function () {
          $('.seek-box').load('component/seek.html'); //加载搜索弹窗
        });
      </script>
    </div>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载页脚
        });
      </script>
    </footer>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/gsap.min.js"></script>
    <script src="static/js/ScrollTrigger.min.js"></script>
    <script src="static/js/form.js"></script>
    <script src="static/js/public.js"></script>
  </body>
</html>
